.app{
	width: 100%;
	height: 100vh;
	background-color: #fff;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loading111{
	width: max-content;
	position: relative;
}
.person111:after,.person111:before{
	content: '';
	width: 20px;
	height: 20px;
	background: #3498db;
	clip-path: circle(50% at 50% 100%);
	position: absolute;
	left: 24px;
	transform-origin: bottom center;
	animation: top-per-eff111 1s linear infinite;
}
@keyframes top-per-eff111{
	0%{
		transform: rotate(30deg);
	}
	50%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(30deg);
	}
}
.person111:before{
	animation: bottom-per-eff111 1s linear infinite;
}
@keyframes bottom-per-eff111{
	0%{
		transform: rotate(150deg);
	}
	50%{
		transform: rotate(180deg);
	}
	100%{
		transform: rotate(150deg);
	}
}
.point111{
	width: 4px;
	height: 4px;
	background-color: #3498db;
	border-radius: 50%;
	position: absolute;
	top: 18px;
	left: -2px;
	animation: move111 1s linear infinite;
}
.point111:before,.point111:after{
	content: '';
	width: 4px;
	height: 4px;
	background-color: #3498db;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 12px;
}
.point111:after{
	left: 24px;
}
@keyframes move111{
	to{
		transform: translateX(12px);
	}
}